﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="Content/jquery.mobile.theme-1.2.0.min.css" rel="stylesheet" />
    <link href="Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
</head>
<body>
    <div data-role="page" id="Profil" data-add-back-btn="true">

        <div data-role="header" >
            <h1>Fotos y recuerdos</h1>
        </div>


        <div data-role="content">

            <form data-ajax="false" action="index.html" method="get" >
                <div data-role="fieldcontain">
                    <img height="82" width="82" src="http://2.bp.blogspot.com/_X_Ho_rDdxQk/R2m8hAdOKxI/AAAAAAAAAHY/yx0ZNCzdrUI/s1600/Copie+de+emily-profil-4.jpg"/>
                    <p>
                        <label for="username">Username : User</label>
                    </p>
                    <p>
                        <label for="age">Age : Age</label>
                    </p>
                    <p>
                        <label for="sex">Sex : Gender</label>
                    </p>
                </div>  
             
            </form>
        </div>

        <div data-role="footer" data-position="fixed">
            <h4>&copy; IHM project</h4>
        </div>

    </div>

    <script src="scripts/jquery-1.8.3.js"></script>
    <script src="scripts/jquery.mobile-1.2.0.js"></script>

    <!--<script src="scripts/jquery.mobile-1.2.0.min.js"></script>-->

    <!--<script src="scripts/code.photoswipe.jquery-3.0.5.min.js"></script>-->
</body>
</html>
